<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <title>彩妆热卖产品列表</title>
    <link href="css/cosmetics.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="cosmetics">
    <p class="title">大家都喜欢的彩妆</p>
    <ul>
        <li>
            <a href="#"><span>1</span>Za姬芮新能真皙美白隔离霜 35g
                <div>
                    <img src="image/icon-1.jpg" alt="Za姬芮新能真皙美白隔离霜"/>

                    <p>￥62.00 最近69122人购买</p>
                </div>
            </a>
        </li>
        <li>
            <a href="#"><span>2</span>美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml
                <div>
                    <img src="image/icon-2.jpg" alt="美宝莲精纯矿物奇妙新颜乳霜BB霜"/>

                    <p>￥89.00 最近13610人购买</p>
                </div>
            </a>
        </li>
        <li>
            <a href="#"><span>3</span>菲奥娜水漾CC霜40g
                <div><img src="image/icon-3.jpg" alt="菲奥娜水漾CC霜"/>

                    <p>￥59.90 最近13403人购买</p>
                </div>
            </a>
        </li>
        <li>
            <a href="#"><span>4</span>DHC 蝶翠诗橄榄卸妆油 200ml
                <div><img src="image/icon-4.jpg" alt="DHC 蝶翠诗橄榄卸妆油"/>

                    <p>￥169.00 最近16757人购买</p>
                </div>
            </a>
        </li>
    </ul>
</div>
</body>
</html>
